<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>First Droid Application</title>

<link rel="stylesheet" href="css/reset.css"/>
<link rel="stylesheet" href="css/estilo.css"/>

<script type="text/javascript" charset="utf-8" src="js/cordova-2.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/media.js"></script>


</head>
<body>
	<div id="header">
		First Droid Application
	</div>
	<div id="menu"></div>
	<div id="content"></div>
	<div id="media">
		<a href="#" class="botao-play" onclick="$('#content').load('http://www.google.com'); playMedia();">
			<figure>
				<img src="img/play.png"/>
			</figure>
		</a>
		<a href="#" class="botao-stop" onclick="$('#content').load('news.html');stopMedia()">
			<figure>
				<img src="img/stop.png"/>
			</figure>
		</a>
		<span id="audio_position"></span>
	</div>
</body>
</html>